﻿@import url("border.css");
@import url("widget.css");
@import url("purple/color.css");

/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案
@import url("red/color.css");
@import url("green/color.css");
@import url("blue/color.css");
@import url("black/color.css");
只要把上面四种颜色方案任意个替换第三行的就可以了
*/

@import url("pageFrame_leftMain.css");

/*在这里可以设置左右分栏，目前一共预设两种分栏方式
下面这个是主区域在右边，侧边栏在左面的布局
@import url("pageFrame_rightMain.css");
下面这个是主区域在左边，侧边栏在右面的布局
@import url("pageFrame_leftMain.css");


*/




body {font-family: "Arial";font-size: 12px;color: #666666;line-height: 180%; padding:0; margin:0}
a{color:#464646;  text-decoration:none;}

a:hover{color:#000000;	text-decoration:underline;}

.AllWrap{ margin:0 auto; width:1000px}
.AllWrapInside{ margin:0 auto; width:1000px;  /*border-top:1px solid #ddd;*/ }



.headerInfo                { height:205px; position:relative; z-index:2 }
	.headerInfo  .logo     { position:absolute; left:28px; top:11px }
	.headerInfo  .topMenu  { position:absolute; right:0; top:10px;}
	.headerInfo  .topMenu a{ text-decoration:underline;padding:0 24px;}
	.headerInfo  .info     { position:absolute; right:140px; top:62px; }
	.headerInfo  .cartBar  { height:29px; right:10px; position:absolute; top:68px; width:100px; }
    .headerInfo  .menu     { position:absolute; height:40px; line-height:35px; left:0; top:115px; width:100%;}
/*	.headerInfo  .topbtn   { position:absolute; height:35px; line-height:35px; left:0; top:115px }*/
	.headerInfo  .topbtn a {width:79px; height:29px;display:block; float:left;  margin-right:5px}
	.headerInfo  .topbtn .cate  { background:url(topbtn-cate.gif); width:71px;}
	.headerInfo  .topbtn .brand  {background:url(topbtn-brand.gif)  no-repeat}
	.headerInfo  #catebox  {  background:#fff; border:1px solid #af85b2; border-top:1px solid #fff;position:absolute; top:138px; width:930px; padding:10px; z-index:10; }	
	.headerInfo  #brandbox  { background:#fff; border:1px solid #af85b2;border-top:1px solid #fff;position:absolute; top:138px; left:80px; width:850px; padding:10px; z-index:10; }	
	.headerInfo  .menu{text-align:center;z-index:100;}
	.headerInfo  .menu li{list-style-type:none;}
	.headerInfo  .menu li.menu-main {float:left;height:40px;border-right:1px solid #c8c8c8;border-left:1px solid #fff;}
	.headerInfo  .menu li.menu-main a {display:block;line-height:40px;}
	.headerInfo  .menu li .links-main {border:1px solid #abc3c5;}
	.headerInfo  .menu li .links-main a{ color:#082c5c;display:block;height:40px;}
	.headerInfo  .menu li .links-main a:hover {background:#0087ff;text-decoration:none;}
	.headerInfo  .headerSearchBar  { position:absolute; left:0; top:146px; width:950px; height:34px; color:#000; }
	.headerInfo  .headerSearchBar a  { color:#000; }
	.headerInfo  .loginBar         { height:23px; right:0; position:absolute; top:150px;}
	.headerInfo  .banner-ad {position:absolute; left:0; top:155px; width:100%}

.lineColumn		{width:215px; overflow:hidden; float:left; padding:0 10px 0 0;}
.mainColumn      { width:572px; overflow:hidden;}
.sideColumn     { width:195px; overflow:hidden;}
.sideColumn .AdvBanner img    { margin-top:1px;}

.ShopCartWrap{ cursor:pointer}

.middle-ad{height:128px;padding:0 2px;}
.middle-ad>div{float:left;}

.topMainBannerArea{ background:url(topMainBannerArea.gif); width:753px; height:275px; padding:6px 4px;overflow:hidden}
.topMainBannerArea .series{ float:left; height:275px; }
.topMainBannerArea .a{ width:453px; position:relative;z-index:1 }
.topMainBannerArea .b img{ border:1px solid #ccc; border-bottom:0}
.topMainBannerArea .b{ width:119px;}
.topMainBannerArea .c{ width:181px;}

#category-browes{background:url(browes_bg.gif) no-repeat;padding-top:29px;}
#category-browes>h3{background:url(nav-browes-li-bg.gif) no-repeat;height:28px;margin:0;font-size:1em;line-height:28px;padding-left:30px;cursor:pointer;position:relative;}
#category-browes>h3>em{position:absolute;right:10px;}
#category-browes>ul{border:1px solid #ccc;}
#category-browes ul li a{line-height:28px;padding-left:35px;display:block;color:#4b4b4b;text-decoration: none;font-weight:bold;}
#category-browes ul li a:hover{background:#0087ff;color:#fff;}
#category-browes .category-bottom{background:url(sidemenu_bottom.jpg) no-repeat; width:215px;height:124px;}

#slidergoods{position:relative; height:auto; overflow:hidden; border:1px solid #ccc;}
#slidergoods .GoodsListWrap{ width:1180px; position:absolute; left:0; top:0;height:152px;}
#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:10px;  border-right:1px dotted #ccc;}

.middleitmeshow{background:#fff url(middleitemshowbg.gif) repeat-x;}
.middleitmeshow .showitem { padding:15px 0 0 40px;}
.middleitmeshow .showitem .pic{ position:relative}
.middleitmeshow .showitem .pic .siderintro{ position:absolute; top:0; left:-30px; width: 22px; height: 106px; color:#fff; line-height:14px}
.middleitmeshow .red{ background:url(middleitemshowTitle-red.gif) no-repeat}
.middleitmeshow .yellow{ background:url(middleitemshowTitle-yellow.gif) no-repeat}
.middleitmeshow .green{ background:url(middleitemshowTitle-green.gif) no-repeat}
.middleitmeshow .middleitmeshowArt { border-top:1px solid #ccc;}
.middleitmeshow .middleitmeshowArt h6{ margin:2px; text-align:left;}

.top10{border:1px solid #989898;padding-top:30px;background:url(top-10-bg.gif) no-repeat;height:370px;}
.top10>div{width:95px;float:left;border-left:1px solid #e2ecf4;border-bottom:1px solid #e2ecf4}

.bestsell{clear:both;padding-top:30px;background:url(Best-Sellers-bg.gif) no-repeat;border:1px solid #989898;height:395px;}
.bestsell img{width:193px;}

.vcat .c-cat-depth-1 { padding:0; margin:0; overflow:hidden;_height:1%}
.vcat .c-cat-depth-1 ul{ padding:0; margin:0}
.vcat .c-cat-depth-2 { padding:0;}
.vcat .c-cat-depth-2  table{width:100%;}
.vcat .c-cat-depth-2  td{width:40%; padding:2px; margin:0}
.vcat .c-cat-depth-2  td a{ display:block; border:1px solid #ccc; background:#efefef; text-align:center; padding:1px 2px;}

.product-list{background:url(products_bg.jpg) no-repeat;height:350px;padding:20px 0 0;margin:0 5px;}
.product-list li{float:left;position:relative;}
.product-list li dl{width:215px;padding:20px 0 10px 25px;}
.product-list li dl dd{line-height:18px;z-index:10}
.product-list li dl dd>a{color:#1d70c0;text-decoration:none;font-weight:bold;}
.product-list li dl dd.title>a{color:#4c4d4f;text-decoration:underline;line-height:26px;font-size:1.2em}
.product-list li dl dd.pic{position:absolute;right:0;z-index:0}
.product-list li dl dd.shop-now{margin-top:10px;}

.video{background:url(tv.gif) no-repeat right 70%;}
.appliances{background:url(appliances.gif) no-repeat right 70%;}
.audio{background:url(audio.gif) no-repeat right 70%;}
.portable{background:url(portable.gif) no-repeat right 70%;}
.mobile{background:url(mobile.gif) no-repeat right 70%;}
.computers{background:url(computers.gif) no-repeat right 70%;}
.gourmet{background:url(gourmet.gif) no-repeat right 70%;}
.other{background:url(other.gif) no-repeat right 70%;}

.middleSep{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep .VsepTips{ float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep .colorGreen{ background:#b7b82d}
.middleSep .colorYellow{ background:#b89c2d}
.middleSep .colorRed{ background:#b82d55}
.middleSep .middleSepContent{ float:left; width:161px; margin-right:5px; border-right:1px solid #ddd; margin-right:10px }
.middleSep .middleSepContent .GoodsListWrap{ text-align:left; padding:0;}
.middleSep .middleSepContent .GoodsListWrap h6{ margin:0;} 

.middleCulomnPic{ margin:5px auto; text-align:center}
.middleCulomnPic img{ border:1px solid #ccc; margin:10px 0}

#Foot{ margin-top:10px; }

.email{ background:url(email-bg.gif) no-repeat;height:48px;}
.email span{margin-left:320px;line-height:48px;float:left;color:#040039;}
.email .input-email{float:left;margin:15px 0 0 50px;}
.email .btn-email{background:url(btn-email.png) no-repeat;width:53px;height:20px;border:0;float:left;margin:17px 0 0 10px;}

.footArticle{ margin-top:20px;}
.footPicInfo{padding:10px; text-align:center; border-bottom:1px solid #ccc;}
.footPicInfo .AdvBanner{ display:inline; margin-right:10px;}

.headerInfo .menu li  div{ margin:0; line-height:20px;}
.headerInfo .menu li  .v-m-page a{ color:#000;}


.pro_gonggao {
	height: 255px;
	width: 258px;
	background-image: url(pro/gonggao.jpg);
	float: left;
}


.pro_tuijian {
	padding-top: 8px;
	width: 950px;
	float: left;
}
.tuijianlist ul li {
	float: left;
	height: 178px;
	width: 147px;
	list-style-type: none;
	margin-top: 59px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 9px;
	padding: 0px;
}
.tuijianlist ul {
	margin: 0px;
	padding: 0px;
}

.pro_list {
	background-image: url(pro/bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 220px;
	width: 728px;
}

.pro_top {
	width: 950px;
	padding-bottom: 8px;
}
.tuijianlist {
	width: 692px;
	height: 255px;
	background-image: url(pro/tuijian.jpg);
	overflow: hidden;
}
.cartAD{padding:5px;}
.cartAD li{float:left;padding:5px;}
